<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />

<title>Invoice</title>

<link rel='stylesheet' type='text/css'
	href='../resources/css2/style.css' />
<link rel='stylesheet' type='text/css'
	href='../resources/css2/print.css' media="print" />
<script type='text/javascript'
	src='../resources/js/jquery-1.3.2.min.js'></script>
<script type='text/javascript' src='../../resources/js/example.js'></script>

</head>

<body>

	<div id="page-wrap">

		<textarea id="header">PHIẾU ĐỀ NGHỊ</textarea>

		<div id="identity">
			<div style="width: 30%; float: left">
				Công ty XNK văn phòng phẩm <p></p> 
				TÂN THỊNH <p></p>
				Tân Thịnh -  Thái Nguyên <p></p>
				(84) 280.3.333.333
			</div>

		</div>

		<div style="clear: both"></div>
		<div id="customer">
			<div
				style="float: left; width: 40%; margin-top: 20px; margin-left: -16px">
				<img src="../../resources/images/logo.png" />
			</div>
			<table id="meta">
				<tr>
					<td class="meta-head">Tên phòng ban</td>
					<td>${department.departmentName}</td>
				</tr>
				<tr>
					<td class="meta-head">Số giao dịch</td>
					<td>${export.exportId}</td>
				</tr>
				<tr>
					<td class="meta-head">Ngày lập phiếu</td>
					<td>${export.exportDate}</td>
				</tr>
			</table>
		</div>
		<table id="items">
			<tr>
				<th style="width: 150px;"> Mã sản phẩm</th>
				<th style="width: 350px;"> Tên sản phẩm</th>
				<th style="width: 150px;"> Loại</th>
				<th style="width: 150px;"> Số lượng</th>
			</tr>
			<c:forEach items="${stationeryList}" var="emp2">
						<tr class="item-row">
							<td>${emp2.id}</td>
							<td class="item-name"><div class="delete-wpr">${emp2.stationery.stationeryName}</div></td>
							<td> Văn phòng phẩm</td>
							<td>${emp2.quantity}</td>
						</tr>
			</c:forEach>
			<c:forEach items="${bookList}" var="emp">
						<tr class="item-row">
							<td>${emp.id}</td>
							<td class="item-name"><div class="delete-wpr">${emp.book.bookName}</div></td>
							<td> Sách</td>
							<td>${emp.quantity}</td>
						</tr>
			</c:forEach>
			<tr id="hiderow">
				<td colspan="5"></td>
			</tr>
		</table>
		<div id="terms">
			<h5>Good bye!</h5>
		</div>
	</div>
</body>
</html>